<?if($MODULE_ID$='forum')?><?else?>
<!--<link rel="stylesheet" href="$HOME_PAGE_LINK$css/style.css" type="text/css" media="screen"/>-->
<script type="text/javascript" src="$HOME_PAGE_LINK$js/jquery.easing.1.3.js"></script>
 <script type="text/javascript">
 $(function() {
 var current = 1;
 var iterate = function(){
 var i = parseInt(current+1);
 var lis = $('#rotmenu').children('li').size();
 if(i>lis) i = 1;
 display($('#rotmenu li:nth-child('+i+')'));
 }
 display($('#rotmenu li:first'));
 var slidetime = setInterval(iterate,6000);
 $('#rotmenu li').bind('click',function(e){
 clearTimeout(slidetime);
 display($(this));
 e.preventDefault();
 });
 function display(elem){
 var $this = elem;
 var repeat = false;
 if(current == parseInt($this.index() + 1))
 repeat = true;
 if(!repeat)
 $this.parent().find('li:nth-child('+current+') a').stop(true,true).animate({'marginRight':'-20px'},300,function(){
 $(this).animate({'opacity':'0.7'},700);
 });
 current = parseInt($this.index() + 1);
 var elem = $('a',$this);
 elem.stop(true,true).animate({'marginRight':'0px','opacity':'1.0'},300);
 var info_elem = elem.next();
 $('#rot1 .heading').animate({'left':'-420px'}, 500,'easeOutCirc',function(){
 $('h1',$(this)).html(info_elem.find('.info_heading').html());
 $(this).animate({'left':'0px'},400,'easeInOutQuad');
 });
 $('#rot1 .description').animate({'bottom':'-270px'},500,'easeOutCirc',function(){
 $('p',$(this)).html(info_elem.find('.info_description').html());
 $(this).animate({'bottom':'0px'},400,'easeInOutQuad');
 })
 $('#rot1').prepend(
 $('<img/>',{
 style : 'opacity:0',
 className : 'bg'
 }).load(
 function(){
 $(this).animate({'opacity':'1'},600);
 $('#rot1 img:first').next().animate({'opacity':'0'},700,function(){
 $(this).remove();
 });
 }
 ).attr('src','/images/'+info_elem.find('.info_image').html()).attr('width','965').attr('height','300')
 );
 }
 });
 </script>
<div class="rotator">
 <ul id="rotmenu">
 <li>
 <a href="rot1">Resistance 3</a>
 <div style="display:none;">
 <div class="info_image">1.jpg</div>
 <div class="info_heading">Resistance 3</div>
 <div class="info_description">
 At vero eos et accusamus et iusto odio
 dignissimos ducimus qui blanditiis praesentium
 voluptatum deleniti atque corrupti quos dolores et
 quas molestias excepturi sint occaecati cupiditate
 non provident...
 <a href="#" class="more">Read more</a>
 </div>
 </div>
 </li>
 <li>
 <a href="rot2">Anno 2070</a>
 <div style="display:none;">
 <div class="info_image">2.jpg</div>
 <div class="info_heading">Anno 2070</div>
 <div class="info_description">
 At vero eos et accusamus et iusto odio
 dignissimos ducimus qui blanditiis praesentium
 voluptatum deleniti atque corrupti quos dolores et
 quas molestias excepturi sint occaecati cupiditate
 non provident...
 <a href="#" class="more">Read more</a>
 </div>
 </div>
 </li>
 <li>
 <a href="rot3">Asphalt 3D</a>
 <div style="display:none;">
 <div class="info_image">3.jpg</div>
 <div class="info_heading">Asphalt 3D</div>
 <div class="info_description">
 At vero eos et accusamus et iusto odio
 dignissimos ducimus qui blanditiis praesentium
 voluptatum deleniti atque corrupti quos dolores et
 quas molestias excepturi sint occaecati cupiditate
 non provident...
 <a href="#" class="more">Read more</a>
 </div>
 </div>
 </li>
 <li>
 <a href="rot4">Call of Duty 4</a>
 <div style="display:none;">
 <div class="info_image">4.jpg</div>
 <div class="info_heading">Call of Duty 4</div>
 <div class="info_description">
 At vero eos et accusamus et iusto odio
 dignissimos ducimus qui blanditiis praesentium
 voluptatum deleniti atque corrupti quos dolores et
 quas molestias excepturi sint occaecati cupiditate
 non provident...
 <a href="#" class="more">Read more</a>
 </div>
 </div>
 </li>
 <li>
 <a href="rot5">Fallout 3</a>
 <div style="display:none;">
 <div class="info_image">5.jpg</div>
 <div class="info_heading">Fallout 3</div>
 <div class="info_description">
 At vero eos et accusamus et iusto odio
 dignissimos ducimus qui blanditiis praesentium
 voluptatum deleniti atque corrupti quos dolores et
 quas molestias excepturi sint occaecati cupiditate
 non provident...
 <a href="#" class="more">Read more</a>
 </div>
 </div>
 </li>
 </ul>
 <div id="rot1">
 <img src="" width="965" height="300" class="bg" alt=""/>
 <div class="heading">
 <h1></h1>
 </div>
 <div class="description">
 <p></p>
 </div>
 </div>
 </div>
 </div><?endif?>
